<!-- 基本信息 -->
<template>
  <div class="container-box" v-for="(item,index) in list" :key="index">
    <div class="left">
      <div>
        <label for="">病例类型：</label><span>{{item.caseType}}</span>
      </div>
      <div>
        <label for="">协查函：</label><span>list</span>
      </div>
      <div>
        <label for="">病例来源：</label><span>123</span>
      </div>
      <div>
        <label for="">姓名：</label><span>{{item.name}}</span>
      </div>
      <div>
        <label for="">性别：</label><span>{{item.sex}}</span>
      </div>
      <div>
        <label for="">年龄：</label><span>{{item.age}}</span>
      </div>
      <div>
        <label for="">出生日期：</label><span>{{item.birthday}}</span>
      </div>
      <div>
        <label for="">身份证号/护照号：</label><span>123</span>
      </div>
      <div>
        <label for="">联系电话：</label><span>{{item.phoneNum}}</span>
      </div>
      <div>
        <label for="">职业：</label><span>123</span>
      </div>
      <div>
        <label for="">工作/学习单位地址：</label><span>123</span>
      </div>
      <div>
        <label for="">户籍地址：</label>{{list.address}}<span></span>
      </div>
      <div>
        <label for="">现居地：</label><span>123</span>
      </div>
      <div>
        <label for="">境外地址：</label><span>123</span>
      </div>
      <div>
        <label for="">家庭居住环境：</label><span>123</span>
      </div>
    </div>
    <div class="right">
      <div>
        <label for="">主要家庭成员信息：</label><span>123</span>
      </div>
      <div>
        <label for="">疫苗接种记录：</label><span>123</span>
      </div>
      <div>
        <label for="">身高(CM)：</label><span>123</span>
      </div>
      <div>
        <label for="">体重(KG)：</label><span>123</span>
      </div>
      <div>
        <label for="">管控情况：</label><span>123</span>
      </div>
      <div>
        <label for="">管控时间：</label><span>123</span>
      </div>
      <div>
        <label for="">入境前旅行的国家或地区：</label><span>123</span>
      </div>
      <div>
        <label for="">入境前途经的国家或地区：</label><span>123</span>
      </div>
      <div>
        <label for="">国际：</label><span>123</span>
      </div>
      <div>
        <label for="">护照号：</label><span>123</span>
      </div>
      <div>
        <label for="">入境口岸：</label><span>123</span>
      </div>
      <div>
        <label for="">入境日期：</label><span>123</span>
      </div>
      <div>
        <label for="">入境交通方式：</label><span>123</span>
      </div>
    </div>
  </div>
</template>

<script>
import axios from '@/util/http'
import {defineComponent, reactive,toRefs} from 'vue'
import {useRouter} from 'vue-router'

export default defineComponent(
  {
    name:'EditorialOnsetVisits',
    setup(){
      const patientId =useRouter().currentRoute._value.query.id
      // const Msg = reactive({
      //   list:[]
      // })
      const data = reactive({
        list:{}
      })
      axios({
        method:'get',url:'patient/findPatientInformation',params:{patientId}
      }).then((res)=>{
        console.log(res)
        data.list = res.data.data
        console.log(data.list)
      })
      return{
        ...toRefs(data)
      }
    }
}
)
</script>

<style scoped> 
.container-box{
  box-sizing: border-box;
  width: 100%;
  padding: 50px 20px;
  background-color: white;
}
.left{
  float: left;
  width: 50%;
  font-size: 13px;
  color: #333;
}
.right{
  float: left;
  width: 50%;
  font-size: 13px;
  color: #333;
}
label{
  box-sizing: border-box;
  height:45px;
  display:inline-block;
  padding: 15px 10px;
}
.left>div>label{
  font-weight: normal;
}
.right label{
  font-weight: 650;
}
</style>